<article>
	<h1><?php echo $GLOBALS['title'] ?></h1>
	<p>通过使用 HTML，可以在文档中显示图像。</p>
	<h2><a>图像标签（<?php echo htmlspecialchars('<img>') ?>）和源属性（Src）</a></h2>
	<h4>单标签</h4>
	<pre><code><?php echo htmlspecialchars('<img src="/Wiki/Public/images/logo.png" alt="网站LOGO"  title="LOGO" width="280" height="140">') ?></code></pre>
	<h4>效果</h4>
	<img src="__PUBLIC__/images/logo.png" alt="网站LOGO" title="LOGO" width="88" height="60">
	<h4>例子解释</h4>
	<ul>
		<li><code>src</code>源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。</li>
		<li><code>alt</code>属性用来为图像定义一串预备的可替换的文本，一般用于图片加载失败时的文本提示，</li>
		<li><code>title</code>鼠标移过时显示的文字</li>
		<li><code>width</code>图片宽度</li>
		<li><code>height</code>图片高度</li>
	</ul>
	<h2><a>图片知识</a></h2>
	<table>
		<tbody>
			<tr>
				<th>格式</th>
				<th>透明度</th>
				<th>动画</th>
				<th>特点</th>
				<th>适用场景</th>
			</tr>
			<tr>
				<td>JPG/JPEG</td>
				<td>×</td>
				<td>×</td>
				<td>色彩丰富，压缩比高，画质损失小，体积小</td>
				<td>色彩丰富、要求 体积要小</td>
			</tr>
			<tr>
				<td>PNG</td>
				<td>√</td>
				<td>×</td>
				<td>色彩丰富，w，设置任意透明度，体积较小，但比jpg体积大一些。  IE6不支持png图片透明</td>
				<td>对色彩有特殊要求、需要透明效果</td>
			</tr>
			<tr>
				<td>GIF</td>
				<td>√</td>
				<td>√</td>
				<td>仅支持256种颜色，体积小，只有  透明和不透明两种效果</td>
				<td>图片颜色少、需要透明效果</td>
			</tr>
			<tr>
				<td>BMP</td>
				<td>×</td>
				<td>×</td>
				<td>色彩丰富，画质清晰，但体积偏大</td>
				<td>不推荐在网页中使用</td>
			</tr>
		</tbody>
	</table>
	<h2><a>路径知识</a></h2>
	<h4>绝对路径</h4>
	<ul>
		<li>绝对路径就是指带有域名的完整路径</li>
		<li>比如"中国广东省广州市番禺区丽景华苑4座201"这就是一个生活动中的经典"  绝对"方式的描述</li>
	</ul>
	<h4>相对路径</h4>
	<ul>
		<li>相对于本目录<code><?php echo htmlspecialchars('<a href="./1.html">本目录下页面</a>') ?></code></li>
		<li>相对于上级目录<code><?php echo htmlspecialchars('<img src="../meinv.jpg" title="美女" />') ?></code></li>
		<li>相对于根目录<code><?php echo htmlspecialchars('<a href="/2.html">根目录下页面</a>') ?></code></li>
	</ul>
</article>